<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>确认付款</title>
    <link href="../css/header.css" rel="stylesheet">
    <link href="../css/footer.css" rel="stylesheet">
    <link href="../css/cinema/order.css" rel="stylesheet">

</head>
<body>
<!--========= 1.上方导航栏 ====-->
<div class="index-header">
    <div class="header-logo"><a href="#" class="logo"></a></div>
    <div class="header-nav">
        <ul>
            <li><a href="../index.html" class="">首页</a></li>
            <li><a href="../films/films.html" class="">电影</a></li>
            <li class="checked"><a href="../cinema/detail.html" class="">影院</a></li>
            <li><a href="../border/border.html" class="">榜单</a></li>
            <li><a href="../border/address.html" class="address">地区</a></li>
        </ul>
    </div>
    <div class="header-search">
        <form action="" class="search-form">
            <input type="text" class="keyword" placeholder="电影/影院 搜你所想">
            <a href="" class="search-btn"></a>
        </form>
        <div class="head-login">
            <a href="../customer/login.html" class="login-btn">&nbsp;&nbsp;&nbsp;&nbsp;登录</a>
        </div>
    </div>

</div>
<div class="head-wait"></div>
<!--中间部分-->
<div class="container">
    <!--    上部时间线-->
    <div class="timeline">
        <div class="step done">
            <span class="step-num">1</span>
            <div class="firstline"></div>
            <span class="step-text">选择影片场次</span>
        </div>
        <div class="step done">
            <span class="step-num">2</span>
            <div class="secondline"></div>
            <span class="step-text">选择座位</span>
        </div>
        <div class="step done">
            <span class="step-num">3</span>
            <div class="thirdline"></div>
            <span class="step-text">14分钟内付款</span>
        </div>
        <div class="step">
            <span class="step-num">4</span>
            <div class="lastline"></div>
            <span class="step-text">影院取票观影</span>
        </div>
    </div>
    <!--    下部内容-->
    <div class="count-down-wrapper">
        <div class="count-down" data-payleftseconds="839">
            <p class="time-left">
                请在
                <span class="minute">15</span>
                分钟
                <span class="second">00</span>秒内完成支付
            </p>
            <p class="tip">超时订单会自动取消，如遇支付问题，请致电淘票票客服：1010-5335</p>
        </div>
        <script>
            // 获取span对象
            // var time = document.getElementById("minute");
            var time = document.getElementById("second");
            // 设置秒数
            var second = 60*15;
            // 定义秒数显示方式
            function showTime() {
                // 执行1次秒数自减
                second--;
                // 判断，如果秒数小于0则跳转页面
                if (second <= 0){
                    //  minute--;
                    //  second=60;
                    // if(second<0){
                    location.href = "https://www.baidu.com";
                    // }
                }
                // 更改span标签的显示内容
                time.innerHTML = second.toString();
            }
            // 定义定时器，每隔1秒执行一次showTime方法
            setInterval(showTime,1000);
        </script>
    </div>
</div>

<!--!&#45;&#45;========== 4.底部脚注 =============&ndash;&gt;-->
<div class="index-footer">
    <div class="footer-head"></div>
    <div class="footer-main">
        <p>关于视享票票通：&nbsp;<a>关于我们</a><span>&nbsp;|&nbsp;</span><a>管理团队</a><span>&nbsp;|&nbsp;</span><a>投资者关系</a>
            &nbsp;&nbsp;友情链接 :&nbsp;&nbsp;<a>支付宝</a></p>
        <p>
            商务合作邮箱：1137750012@qq.com &nbsp;
            客服电话：62170010 &nbsp;
            违法和不良信息/涉未成年人有害信息举报电话：4006018900
        </p>
        <p>
            用户举报/涉未成年人有害信息举报邮箱：tousujubao@shixiang.com&nbsp;
            舞弊线索举报邮箱：wubijubao@shixiang.com
        </p>
        <p>视享票票通用户服务协议<span>&nbsp;|&nbsp;</span>使用手册<span>&nbsp;|&nbsp;</span>隐私政策</p>
        <p>驰星视享文化传媒有限公司</p>
        <p>&nbsp;2021&nbsp;视享票票通&nbsp;shixiang.com</p>
    </div>
</div>
</body>
</html>